body{background-color: #F1F1F1;}
.main-page{margin: 0 auto;color: #333;background-color: #F1F1F1;font-family: 'HiraginoSansGB-W3','Microsoft YaHei','微软雅黑','SimSun','宋体','PingFang SC','STHeitiSC-Light', 'Helvetica-Light', arial, sans-serif;}

.header{position: relative;height:45px;background-color:#FF9B14 ;background-image:-webkit-linear-gradient(to bottom, #FFC149, #FF9B14); background-image:linear-gradient(to bottom,#FFC149, #FF9B14);}
.header .title{padding: 0 70px;text-align: center;height:45px;line-height: 45px;font-size: 18px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;color: #fff;}
.header .head-tap{display: block;padding: 0 20px;height:45px;line-height: 45px; color: #fff;font-size: 14px;position: absolute;top:0;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.header .tap-right{right: 0}
.header .tap-left{left: 0}
.head-icon{display: inline-block;background: url("../images/header.png") no-repeat;background-size: 16px auto;}
.header .head-left{width: 8px;height: 15px;margin: 15px 0;background-position: -4px -1px}

.btn-group{display:block;height:35px;margin: 4px 0;font-size: 0;border: 1px solid #fff;-webkit-border-radius: 4px;border-radius: 4px;overflow: hidden}
.btn-group .btn-item{height: 100%;width: 50%;line-height: 1;font-size: 18px; color: #fff;text-align: center;background-color: transparent;border: 0;outline: none}
.btn-group .btn-item.active{background: #fff;color: #FF9C15}

.content{position: absolute;top: 45px; left: 0;bottom: 0;right: 0;overflow-y: auto}
.percentage,.trend{background-color: #fff}
.percentage{height: 50%}
.trend{margin-top: 1%;height: 49%}
